<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width">
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	    <link rel="stylesheet" type="text/css" href="css/wode.css"/>
	    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	    <script src="flexible/flexible.debug.js"></script>
	</head>
	<body id="body">
		 <!--头部-->
		<div class="header">
			<div class="left">
				<span class="weixin"><img src="img/images/weixin.png"/></span>
			</div>
			<div class="center">
				<p>我的</p>
			</div>
			<div class="right">
				<span class="sousuo"><img src="img/images/sousuo.png"/></span>
				<span class="quan"><img src="img/images/quan.png" class="youtu"/></span>
			</div>
		</div>
		<!--内容-->
		<div class="content">
			<div class="cont-top">
				<div class="left">
					<p><img src="img/images/wo1.png"/></p>
					<h3>敷衍2017</h3>
					<h6>回声被收听了0次</h6>
				</div>
				<div class="geren">
					<p>个人主页</p>
					<span> > </span>
				</div>
			</div>
			<div class="cont-botm">
				<dl>
					<dd>0</dd>
					<dd>我喜欢的</dd>
				</dl>
				<dl>
					<dd>0</dd>
					<dd>离线回声</dd>
				</dl>
				<dl>
					<dd>0</dd>
					<dd>我订阅的频道</dd>
				</dl>
			</div>			
		</div>
		<!--消息提示-->
		<div class="xiaoxi">
			<div class="xiao-top">
			   <div class="xiao-lft">
			   	 <img src="img/images/xiao1.png"/>
				 <h3>消息提示</h3>
			   </div>				
			   <div class="xiao-rigt">
			   	 <span> > </span>
			   </div>				
			</div>
			<div class="xiao-botm">			   			   	
				 <h3>系统： 有<span> 3 </span>条新通知</h3>
				 <p></p>
			   							   			
			</div>
		</div>
			<!--消息提示-->
		<div class="xiaoxi">
			<div class="xiao-top">
			   <div class="xiao-lft">
			   	 <img src="img/images/xiao2.png"/>
				 <h3>消息提示</h3>
			   </div>				
			   <div class="xiao-rigt">
			   	 <span> > </span>
			   </div>				
			</div>
			<div class="xiao-wei">			   			   	
				 <h4>今日可领取<span> 51金币 </span></h4>
				<div class="renwu">
					<p>做任务</p>
				</div>				   			
			</div>
		</div>
		<!--菜单-->
		<div id="caidan">
			<dl>
				<dt><img src="img/images/caidan1.png"/></dt>
				<dd>会员中心</dd>
			</dl>
			<dl>
				<dt><img src="img/images/caidan2.png"/></dt>
				<dd>听歌免流量</dd>
			</dl>
			<dl>
				<dt><img src="img/images/caidan2.png"/></dt>
				<dd>我的钱包</dd>
			</dl>
			<dl>
				<dt><img src="img/images/caidan3.png"/></dt>
				<dd>我的金币</dd>
			</dl>
			<dl>
				<dt><img src="img/images/caidan4.png"/></dt>
				<dd>我的订单</dd>
			</dl>
			<dl>
				<dt><img src="img/images/caidan5.png"/></dt>
				<dd>扫一扫</dd>
			</dl>
		</div>
		 <!--尾部-->
		<div class="tail">
		  	<ul>
		  		<li><a href="sytuichu.html"><img src="img/images/首页.png"/></a></li>
		  		<li><a href="liupai.html"><img src="img/images/Category.png"/></a></li>
		  		<li><a href="index.html"><img src="img/images/add.png"></a></li>
		  		<li><a href="haoyouquan.html"><img src="img/images/atm-away.png"></a></li>
		  		<li><a href="wode.html"><img src="img/images/account.png"></a></li>
		  	</ul>
	    </div>
		<!--设置-->
		<div class="shezhi">
			<div class="xiushi">
				<img src="img/images/jiantou.png" class="fanhui"/>
				<h3>设置</h3>
			</div>
			<div class="zhanghao">
				<p>账号</p>
			</div>
			<div class="bangdingzhi">
				<p>账号与绑定设置</p>
				<img src="img/images/youjian.png"/>
			</div>
			<div class="zhanghao">
				<p>隐私和通知</p>
			</div>
			<div class="bangdingzhi">
				<p>动态隐私设置</p>
				<img src="img/images/youjian.png"/>
			</div>
			<div class="bangdingzhi">
				<p>通知</p>
				<img src="img/images/youjian.png"/>
			</div>
			<div class="zhanghao">
				<p>系统</p>
			</div>
			<div class="bangdingzhi">
				<p>多语言</p>
				<img src="img/images/youjian.png"/>
			</div>
			<div class="bangdingzhi">
				<p>清楚缓存</p>
				<img src="img/images/youjian.png"/>
			</div>
			<div class="bangdingzhi">
				<p>自动保MV至相册</p>
				<img src="img/images/youjian.png"/>
			</div>
			<div class="bangdingzhi">
				<p>疑问与常见问题</p>
				<img src="img/images/youjian.png"/>
			</div>
			<div class="bangdingzhi">
				<p>版本说明</p>
				<img src="img/images/youjian.png"/>
			</div>
			<div class="bangdingzhi">
				<p>意见反馈</p>
				<img src="img/images/youjian.png"/>
			</div>
		</div>
		
		
		<script src="js/jquery-3.2.1.js"></script>
		
		<script>
			$(function(){
				$('.quan').click(function(){
					$('.shezhi').show();
				})
				$('.fanhui').click(function(){
					$('.shezhi').hide();
				})
			})
			
		</script>
	</body>
</html>
